<template>
  
  <li class="item">
    <img :src="movie.img | wh('85.115')" alt="">
    <span>{{movie.nm}}</span>
  </li>

</template>


<script>
export default {
  props:['movie']
  
}
</script>

<style lang="scss" scoped>

.item{
  display: flex;
  flex-direction: column;
  margin: 7px;
  img {
    width: 85px;
    height: 115px;
  }
  span{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 85px;
  }
}

</style>


